<template>
    <div class="content-box">
        <van-nav-bar title="更新日志" left-arrow @click-left="onClickLeft" />
        <van-collapse v-model="activeName" accordion>
            <van-collapse-item v-for="(item, index) in recordList" :title="item.title" :name="index">
                {{ item.content }}
            </van-collapse-item>
        </van-collapse>
    </div>
</template>
<script setup>
import { ref } from "vue";
import { useRouter } from 'vue-router';
// import _service from "../request/axios";
// import { showToast } from "vant";
const recordList = ref([
    // {
    //     title: '开发展望',
    //     content: "基于koa+MySQL8.0+vite+vant4组件库开发，项目核心转到内容上，希望能够写出一些有实际作用的软件，给自己的大学时光画上一个完美的句号。"
    //         + "在选择上，发现当前商城比较多，但是商城往往是单纯的商城，穿搭的推荐往往是单纯的推荐，或者说商城中有推荐但是没有和商品很好的互动。"
    //         + "推荐中有商品，但是推荐里面包含的商品往往较少，商品的出现又是又存在一些带货的倾向，但主要还是内容过于零散，"
    //         + "于是，系统以将二者联系作为核心开发，方便大家了解关于穿搭的基本技巧,如果可能的话说不定还能帮助到·某个未遇见的人·（^.^~）·。"
    //         + "稍后，有空的话，核心技术文档将会在CSDN更新哟,有很多内容还没有维护，代码暂时就不开源了~。"
    // },
    {
        title: '易搭衣橱v2.0.0',
        content: "基于koa+MySQL8.0+vite+vant4组件库开发，项目核心转到内容上，希望能够写出一些有实际作用的软件，给自己的大学时光画上一个完美的句号。"
            + "在选择上，发现当前商城比较多，但是商城往往是单纯的商城，穿搭的推荐往往是单纯的推荐，或者说商城中有推荐但是没有和商品很好的互动。"
            + "推荐中有商品，但是推荐里面包含的商品往往较少，商品的出现又是又存在一些带货的倾向，但主要还是内容过于零散，"
            + "于是，系统以将二者联系作为核心开发，方便大家了解关于穿搭的基本技巧,如果可能的话说不定还能帮助到·某个未遇见的人·（^.^~）·。"
            + "稍后，有空的话，核心技术文档将会在CSDN更新哟,有很多内容还没有维护，代码暂时就不开源了~。"
    },
    {
        title: '技术成长·关键转折点',
        content: "校园前端实习，在实习中由于自己有了一定的开发编程基础，所以逐渐转入爬虫和网安的了解上了。"
            + "手写过爬虫接口，担任实习小组“项目经理”，提供后端设计方案以及核心技术解决方案，"
            + "了解到了crontab定时任务+爬虫对于现有web应用的仿制能力，加上Fiddler的手机抓包可能够仿制一些APP应用。"
    },
    {
        title: '易搭衣橱v1.0.0',
        content: "基于thinkPHP6+MySQL5.7+uniapp+iview组件库开发，项目核心的发布平台为微信小程序。"
            + "但是，之后在版本迭代中由于受到了微信小程序发布权限的限制将核心发布平台改为手机H5。"
            + "在内容上，当时写的还是比较简单，想走的核心方向是虚拟试衣镜，但是之后考虑到3D方向相比于编程而言有点走远了。"
            + "选择iview作为组件库主要是因为当时uniapp比较火，从小程序->多端发布。但是之后这些内容逐渐走下坡路了，"
            + "个人感觉与小程序的快捷开发、新能以及市场有一定关系，但是我想作为商用而言，技术受制于人才是最大的原因，"
            + "小程序内容往往受到了很多限制。另外iview大改特改，版本迭代脱节，考虑到这些因素，自己也逐渐退出了维护与内容更新。"
    },
    {
        title: '作者简介',
        content: "全网唯一笔名————凌空暗羽（flying_dark_feather），昵称：Jerry，一个喜欢开发的大学生，熟悉前端Vue技术栈和后端koa框架，"
            + "语言其实还好主要是语言背后的设计细节，有趣且磨人，哈哈哈。"
            + "说来惭愧，本该找工作的应届生年纪，奈何确连个12k月薪的工作都找不到，但这些不影响我对编程的热爱和未来的规划。如果需要帮助，可以联系mail：ld2889797849@163.com。"
    }
])
let activeName = ref(0);
const router = useRouter();
function onClickLeft() {
    router.back();
}
</script>
<style lang="less" scoped>
.content-box {
    padding-bottom: 60px;
}

::v-deep(.van-collapse-item__content) {
    text-align: left;
}
</style>